#{extends 'CRUD/layout.html' /}
#{set title:messages.get('crud.list.title', type.name) /}

#{form @subbase(), enctype:'multipart/form-data', class:'well form-horizontal'}
<div id="crudList" class="${type.name}">

	<div id="nonadvanced" >
		<h2 id="crudListTitle">&{'crud.list.title', type.name}</h2>
		
		<div id="crudListSearch">
        	#{crud.search /}
    	</div>
    	
    	<div id="advancedButton">
    		&{'subbase.avanzada'}
    	</div>
    	
	</div>
	
	<div id="advanced" style="display: none;">
	    <h2 id="crudListTitle">&{'crud.list.title', type.name}
		<img id="help" src="/public/images/help.png" alt="Help">
		</h2>
		<div id="selectoresConsulta"> <span>Selectores: </span><p>
			<a href="#" onclick="iniciar()">Iniciar Grupo</a><span class="note">(Para iniciar una consulta agrupada)</span><p>
			<a href="#" onclick="cerrar()">Cerrar Grupo</a><span class="note">(Para finalizar una consulta agrupada)</span><p>
			<a href="#" onclick="y()">Y</a><span class="note">(Para agregar una condicion)</span><p>
			<a href="#" onclick="o()">O</a><span class="note">(Para agregar una condicion opcional)</span><p>
		</div>
		
		<div><span>Consulta: </span><p>
			<div id="leyendaHtml">${leyenda}</div>
		</div>
		
	    <div id="crudListSearch">    
	    	<p class="crudButtons">
	            <input type="submit" name="subbase" value="&{'crud.search', type.modelName}" />
	            <input type="button" name="limpiar" value="Limpiar" onclick="cleanSearch();"/>
	        </p>
	    	<input type="hidden" id="sqlquery" name="sqlquery" value="${sqlquery}">     
	    	<input type="hidden" id="leyenda" name="leyenda" value="${leyenda}">  	
	       #{advancedSearch subbases:subbases}
	       		#{crud.custom 'localidad'}
		    	  	#{customs.customFieldLocalidad 
		    	  		localidades:localidades, 
		    	  		provincias: provincias,
		    	  		paises: paises /}
		    	 #{/crud.custom}
		    	 #{crud.custom 'sector'}
		    	  	#{customs.customFieldSector 
		    	  		sectores: sectores,
		    	  		ramas: ramas,
		    	  		rubros: rubros /}
		    	 #{/crud.custom}	
		    	 #{crud.custom 'rama'}
		    	  	#{customs.customFieldRama 
		    	  		subrubros:subrubros, 
		    	  		sectores: sectores,
		    	  		ramas: ramas,
		    	  		rubros: rubros/}
		    	 #{/crud.custom}	
		    	 #{crud.custom 'rubro'}
		    	  	#{customs.customFieldRubro 
		    	  		subrubros:subrubros, 
		    	  		sectores: sectores,
		    	  		ramas: ramas,
		    	  		rubros: rubros /}
		    	 #{/crud.custom}	
		    	 #{crud.custom 'subrubro'}
		    	  	#{customs.customFieldSubrubro 
		    	  		subrubros:subrubros, 
		    	  		sectores: sectores,
		    	  		ramas: ramas,
		    	  		rubros: rubros /}
		    	 #{/crud.custom}	
			     #{crud.custom 'contactos'}
			    	#{customs.customFieldContacto
			    		contactosEmpresa: contactosEmpresa, 
			    	  	contactos: contactos,
			    	  	organizacion:null /}
			     #{/crud.custom}     		    
		    	 #{crud.custom 'arcadianos'}
		    	  	#{customs.customOrganizacionFieldArcadiano
		    	  		arcadianos: arcadianos,
		    	  		organizacion:null /}
		    	 #{/crud.custom} 	
		    	 #{crud.custom 'intermediario'}		    	  	
		    	 #{/crud.custom} 
	       #{/advancedSearch}
	            
	    </div>
	    
	    <div id="nonadvancedButton">
    		&{'subbase.no.avanzada'}
    	</div>

	</div>
	#{set selectAll:'Agregar' /}
	#{set selectField:'organizacion' /}
    <div id="crudListTable">
       #{crud.table fields:['Nombre', 'Arcadianos', 'Agregar']}
  		    #{crud.custom 'Nombre'}
  		    	${object}
  		    #{/crud.custom}
  		    #{crud.custom 'Arcadianos'}
  		    	${object.arcadianos()}
  		    #{/crud.custom}  
 			#{crud.custom 'Agregar'}
  		    	<input type="checkbox" name="organizacionSelected" id="organizacionSelected" value="${object.id}" >
  		    #{/crud.custom}     	  		    
        #{/crud.table}        
    </div>
    
    #{customs.customOrganizacionSubBase subbases: subbases /}    
    
	<p id="crudListSB">
         <input type="button" name="subbase" value="Agregar a una sub-base" onclick="agregarAsubbase();"/>
    </p>
    
    <div id="crudListPagination">
        #{CRUD.pagination /}
    </div>

</div>

<div id="dialog-help"  style="display: none" class="dialog-style">
	<div class="helpContent">
		<div>&{'help.linea.1'}</div><br>
		<div>&{'help.linea.2'}</div>
		<div>&{'help.linea.3'}</div>
		<div>&{'help.linea.4'}</div>
		<div>&{'help.linea.5'}</div>
		<div>&{'help.linea.6'}</div>
		<div>&{'help.linea.7'}</div>
		<div>&{'help.linea.8'}</div>
		<div>&{'help.linea.9'}</div><br>
		<div>&{'help.linea.10'}</div><br>
		<div id="subbaseConsultaEjemplo"><span class="grupo"> ( </span>&nbsp;es cliente<span class="grupo"> O </span>&nbsp;es intermediario<span class="grupo"> ) </span><span class="grupo"> Y </span>&nbsp;observaciones es deporte</div>
		<div>&{'help.linea.11'}</div>
		<div>&{'help.linea.12'}</div><br>
	</div>
	
 
</div>

#{/form}
	
<script type="text/javascript">

$().ready(function() {
	
	$( "#dialog-help").dialog({
		autoOpen: false,
	    width: 550, 
	    maxWidth: 550,
	    minWidth: 430,
		height: 'auto',
		fluid: true, 
	    resizable: false,
	    dialogClass: "dialog-style",
	    open: function(event, ui){
	    },
	    close: function(event, ui){
	    	$( "#dialog-help" ).dialog( "close" );
	    }
	});
	$( "#help" ).click(function() {
		$( "#dialog-help" ).dialog( "open" );
		return false;
	});
	
	$( "#advancedButton" ).click(function() {
		advancedSearchButton();
		return false;
	});
	
	$( "#nonadvancedButton" ).click(function() {
		nonadvancedSearchButton();
		return false;
	});
	
})

function agregarAsubbase(){
	$( "#dialog-search-subbases" ).dialog( "open" );
}

function advancedSearchButton(){
	$('#advanced').show();
	$('#nonadvanced').hide();		
}

function nonadvancedSearchButton(){
	$('#advanced').hide();
	$('#nonadvanced').show();
}

function cleanSearch(){
	$("input[name=search]").val("");
	$("#leyendaHtml").html("");
	$("#sqlquery").val("");
	$("#leyenda").val("");
	habilitarForm();	
}
</script>

